<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>

		<style>
			body {
				padding-top: 44px;
			}
			
			.icon {
				background: url(images/icon1.png) center right no-repeat;
				padding-right: 34px;
				background-size: 30px;
			}
			
			.mui-media-object {
				border-radius: 35px;
				width: 70px;
				height: 70px;
			}
			
			.mui-media-body {
				margin-top: 14px;
				width: 60%;
			}
			
			.mui-table-view .mui-media-object {
				line-height: 70px;
				max-width: 70px;
				height: 70px;
			}
			
			.mui-table-view-cell a {
				position: relative;
			}
			
			.follw {
				width: 50px;
				height: 30px;
				border-radius: 5px;
				text-align: center;
				display: inline-block;
				border: 1px solid #ddd;
				line-height: 30px;
				position: absolute;
				right: 20px;
				top: 30px;
				color: #2a90d7;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">关注公号</h1>
		</header>
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/180.png">
					<div class="mui-media-body">
						<span class="icon">化工707</span>
						<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/81.jpeg">
					<div class="mui-media-body">
						<span class="icon">化工设备静学习</span>
						<p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/82.png">
					<div class="mui-media-body">
						<span class="icon">中福科技</span>
						<p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/180.png">
					<div class="mui-media-body">
						<span class="icon">化工707</span>
						<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/81.jpeg">
					<div class="mui-media-body">
						<span class="icon">化工设备静学习</span>
						<p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/82.png">
					<div class="mui-media-body">
						<span class="icon">中福科技</span>
						<p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/180.png">
					<div class="mui-media-body">
						<span class="icon">化工707</span>
						<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/81.jpeg">
					<div class="mui-media-body">
						<span class="icon">化工设备静学习</span>
						<p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/82.png">
					<div class="mui-media-body">
						<span class="icon">中福科技</span>
						<p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/180.png">
					<div class="mui-media-body">
						<span class="icon">化工707</span>
						<p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/81.jpeg">
					<div class="mui-media-body">
						<span class="icon">化工设备静学习</span>
						<p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="images/82.png">
					<div class="mui-media-body">
						<span class="icon">中福科技</span>
						<p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						<span class="follw">关注</span>
					</div>
				</a>
			</li>

		</ul>
	</body>

</html>